<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/three.css">
    <script src="./js/fontSize.js"></script> 
</head>
<body>
    <div class="top">
        <div class="logo">
            <img src="./imgs/index/logo.jpg" alt="">
        </div>
        <a href="#" class="xiazai">
            <img src="./imgs/index/xiazai.jpg" alt="">
        </a>
        <a href="#" class="my">
            <img src="./imgs/index/my.jpg" alt="">
        </a>
    </div>
    <div class="search">
        <input type="text" placeholder="请输入小区名或商圈名称">
        <span>|</span>
        <img src="./imgs/SecondHandList/search_03.png" alt="" class="search-pic">
    </div>
    <nav>
        <ul class="nav-ul">
            <li class="btnArea">区域<span></span></li>
            <li class="btnPrice">价格<span></span></li>
            <li class="btnHouse">房型<span></span></li>
            <li class="btnMore">更多<span></span></li>
        </ul>
        <div class="area">
            <ul class="quyu">
                <li class="current">&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;区域</li>
                <li>&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;地铁</li>
            </ul>
            <ul class="quyu1">
                <li> 附近</li>
                <li> 附近</li>
                <li  class="current"> 附近</li>
                <li> 附近</li>
                <li> 附近</li>
                <li> 附近</li>
                <li> 附近</li>
            </ul>
            <ul class="quyu2">
                <li class="current">不限</li>
                <li>附近</li>
                <li>附近</li>
                <li>附近</li>
                <li>附近</li>
                <li>附近</li>
                <li>附近</li>
            </ul>
            <ul class="quyu3">

            </ul>
        </div>
        <div class="price">
            <ul>
                <li >不限</li>
                <li>100万一下</li>
                <li >100万-150万</li>
                <li>100万-150万</li>
                <li>100万-150万</li>
                <li>100万-150万</li>
            </ul>
            <div class="zidingyi">
                <p>自定义价格</p>
                <span>最小</span> -
                <span>最大</span>
            </div>
        </div>
        <div class="house">
            <ul>
                <li>不限</li>
                <li>1室</li>
                <li>2室</li>
                <li>3室</li>
                <li>4室</li>
                <li>5室</li>
                
            </ul>
            <button>确认</button>
        </div>
        <div class="more">
            <div class="more-area more-common">
                <h4>区域</h4>
                <button>南</button>
                <button>东北</button>
                <button>东</button>
                <button>西</button>
                <button>北</button>
            </div>
            <div class="more-mianji more-common">
                <h4>面积(平方)</h4>
                <button>50以下</button>
                <button>50-70</button>
                <button>70-90</button>
                <button>90-110</button>
                <button>110-130</button>
                <button>130-150</button>
                <button>130-150</button>
                <button>130-150</button>
            </div>
            <div class="more-biaoqian more-common">
                <h4>标签</h4>
                <button>学区房</button>
                <button>地铁房</button>
                <button>不限购</button>
                <button>降价</button>
                <button>独家</button>
                <button>有钥匙</button>
                <button>满两年</button>
            </div>
        </div>
    </nav>
    <script src="./js/zepto.js"></script>
    <script src="./js/zepto-touch.js"></script>
    <script src="./js/selectMenu.js"></script>


    <div class="center">
        <div class="column">
            <img src="./imgs/rentalList/img1.png" alt="">
            <div class="txt">
                <p>西便门外大街2室1厅89平</p>
                <p>南北 高楼层6层</p>
                <p>签约价格13244元/平<span>1322万</span></p>
                <p>签约日期：2015年11月12日</p>            </div>
        </div>
        <div class="column">
            <img src="./imgs/rentalList/img2.png" alt="">
            <div class="txt">
                <p>金桥国际 1室1厅63平</p>
                <p>南北 高楼层6层</p>
                <p>签约价格13244元/平<span>1322万</span></p>
                <p>签约日期：2015年11月12日</p>
            </div>
        </div>
        <div class="column">
            <img src="./imgs/rentalList/img3.png" alt="">
            <div class="txt">
                <p>花间溪二期 2室1厅90平</p>
                <p>南北 高楼层6层</p>
                <p>签约价格13244元/平<span>1322万</span></p>
                <p>签约日期：2015年11月12日</p>
            </div>
        </div>
        
    </div>
    

    <div class="bottom">
        <p class="road">北京找房无忧 > 首页</p>
        <div class="mobel-pc">
            <div class="iPhone box">
                <img src="./imgs/index/apple.png" alt="">
                <div class="txt">
                    <p>iPhone</p>
                    <p>客户端</p>
                </div>
            </div>
            <div class="Android box">
                <img src="./imgs/index/android.png" alt="">
                <div class="txt">
                    <p>Android</p>
                    <p>客户端</p>
                </div>
            </div>
        </div>
        <div class="gongsi">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证北京ICP备20160812号</p>
        </div>
    </div>
</body>
</html>